<script setup lang="ts">
import {computed, ref, watch} from "vue";
import {useAppConfigStore} from "@/store/system/appConfigStore";

const props = defineProps({
  rewardShow: {
    type: String,
    default: false
  }
});
const open = ref<boolean>(false)
const wechatPay = computed(()=> useAppConfigStore().weixinPayPhoto)
const aliPay = computed(()=> useAppConfigStore().aliPayPhoto)

watch(() => props.rewardShow, () => {
  open.value = true
})
</script>

<template>
  <a-modal v-model:open="open" :footer="null" centered width="400px">
    <template #title>
      <div class="loginTitle">
          <span class="w-full text-2xl flex justify-center items-center">
            <span>打赏作者</span>
          </span>
      </div>
    </template>
    <a-row :gutter="[16,16]">
      <a-col :span="12">
        <img :src="wechatPay" v-lazy="wechatPay" alt="wechatPay">
      </a-col>
      <a-col :span="12">
        <img :src="aliPay"  v-lazy="aliPay" alt="aliPay">
      </a-col>
    </a-row>
  </a-modal>
</template>

<style scoped lang="less">

</style>
